<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">团队消费</li>
            </ul>
        </div>
    </div>
</div>

<div class="pull-convert-alert"></div>

<div style="padding: 0 10px 0; float:right;">
    <div style="text-align: right;font-size: 1.2rem; color: red;">更新时间：10:00，负责人：lixiyong01，表doris：app_zp_rock_task_inst, 成本（阿里云）：150元/CU/月（仅作参考）</div>
    <br />
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div style="margin: 0 0 10px 0">
            <form class="form-inline" action="" onsubmit="return false;">

                <div class="form-group">
                    <label>报告时间：</label>
                    <input type="text" class="form-control" ng-model="vm.p.dt" placeholder="报告时间" value="20210612" >
                </div>

<!--                <div class="form-group">-->
<!--                    <label for="queueName">计算队列：</label>-->
<!--                    <select class="form-control" ng-model="vm.p.queueName" id="queueName">-->
<!--                        <option value="">ALL</option>-->
<!--                        <option>root.offline.hdp_lbg_supin.normal</option>-->
<!--                        <option>root.offline.hdp_lbg_supin.explorer</option>-->
<!--                        <option>root.offline.hdp_lbg_zhaopin.normal</option>-->
<!--                        <option>root.offline.hdp_lbg_zhaopin.explorer</option>-->
<!--                        <option>root.spark.hdp_lbg_supin.spark</option>-->
<!--                        <option>root.spark.hdp_lbg_zhaopin.spark</option>-->
<!--                    </select>-->
<!--                </div>-->
                <button id="refreshTable" type="button" class="btn btn-primary" ng-click="loadCostReportTeam()">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                </button>
            </form>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <h3 class="sub-header" style="display:inline-block; font-weight: 700;font-size: 14px;padding: 20px 10px 5px 0;"> 团队计算消费</h3>
                <table id="list_table2" class="table table-condensed"  data-toolbar="#toolbar"
                       data-search="true" data-show-toggle="true" data-show-columns="true"
                       data-show-pagination-switch="true" data-pagination="true" data-search-align="left"
                       data-buttons-align="left" data-toolbar-align="left" data-side-pagination="client">
                    <thead>
                    <tr>
                        <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                        <th data-field="id" data-sortable="true" data-formatter="costTaskTeamIdFmt">操作</th>
                        <th data-field="costTeam" data-sortable="true">
                            核算团队</th>
                        <th data-field="owner" data-sortable="true">
                            负责人</th>
                        <th data-field="admin" data-sortable="true">
                            接口人</th>
<!--                        <th data-field="queueName" data-sortable="true">-->
<!--                            计算队列</th>-->
                        <th data-field="quotaCu" data-sortable="true" data-formatter="quotaCuFmt">
                            Quota（CU）</th>
                        <th data-field="minsCores" data-sortable="true" data-formatter="minsCoresFmt">
                            计算量CU</th>
                        <th data-field="dayMinsCoresInc" data-sortable="true" data-formatter="minsCoresFmt">
                            日新增</th>
                        <th data-field="dayMinsCoresIncRatio" data-sortable="true" data-formatter="toPencent">
                            日增长率</th>
                        <th data-field="weekMinsCoresInc" data-sortable="true" data-formatter="minsCoresFmt">
                            周新增</th>
                        <th data-field="weekMinsCoresIncRatio" data-sortable="true" data-formatter="toPencent">
                            周增长率</th>
                        <th data-field="dt" data-sortable="true">报告时间</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
